import axios from 'axios'
import { getToken } from '@/utils/auth'
import { Message } from 'element-ui'
import router from '@/router'
import store from '@/store'
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000 // request timeout
})

// 请求拦截器
// 作用: 统一设置token
service.interceptors.request.use(
  config => {
    const token = getToken()
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
// 作用：1. 统一处理响应数据
// 在接收到响应后，拦截器可以对响应数据进行统一处理，例如：
// 提取有效数据：从响应中提取出业务需要的部分。
// 格式化数据：将响应数据转换为统一的格式。
// 处理错误状态码：根据 HTTP 状态码或自定义状态码，统一处理错误。
// 2. 统一处理错误
// 在请求失败或响应错误时，拦截器可以统一处理错误，例如：
// 网络错误：如请求超时、断网等。
// 业务错误：如服务器返回的错误状态码或自定义错误信息。
// 提示用户：通过弹窗或消息提示用户错误信息。

service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    // Token 401处理
    console.dir(error.response.status)
    if (error.response.status === 401) {
      // 1. 跳转到登录
      router.push('/login')
      // 2. 清空用户数据
      store.commit('user/clearUserInfo')
    }
    // 错误统一处理
    Message.error(error.response.data.message)
    return Promise.reject(error)
  }
)

export default service
